<template>
  <el-footer class="footer">
      <div>
          Copyright @ 2020~{{ new Date().getFullYear() }} {{ siteConfig.siteName }}
          <a href="http://beian.miit.gov.cn/" target="blank">{{ siteConfig.recordNumber }}</a>
      </div>
  </el-footer>
</template>
<script setup>
import { reactive } from "vue";

const siteConfig = reactive({
  siteName: "THOR ADMIN",
  recordNumber: "xxxxxx",
  copyright: "xxxxxx",
  version: "1.0.0",
  poweredBy: "XXXXXX",
  beian: "xxxxxx",
})
</script>
<style lang="less" scoped>
.footer {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    background-color: var(--el-color-info-light-7);
    a {
        color: var(--el-text-color-secondary);
    }
    @media screen and (max-width: 768px) {
        a {
            display: block;
            text-align: center;
        }
    }
}
</style>